<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" type="text/css" href="../css/electronic.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-theme.min.css">
    <style type="text/css">

    </style>
</head>

<body>
    <div style="width: 1250px;height: 80px;margin: 0 auto;">
        <a href="../pages/Neaste163.html"></a>
        <a href="../pages/Neaste163.html">
            <img src="../image/star.png" style="float:left;width:280px;height:
                65px;margin: 7px 0 5px;"></a>
        <div
            style="position: relative;width: 300px;height: 80px;line-height: 90px;float: right;background-color: #93f0f5;transform: skewX(-20deg);display: flex;align-items: center;justify-content: center;">
            <a href="../pages/Neastelogin.html" style="text-decoration: none;font-size: 14px;transform: skewX(20deg);">
                <img src="../image/login.png" width="16px;" height:="16px;"
                    style="position:relative;top: 3px;">登录&nbsp;&nbsp;</a>
            <a href="../pages/Neasteregest.html"
                style="text-decoration: none;font-size: 14px;;transform: skewX(20deg)">&nbsp;
                <img src="../image/exitt.png" width="16px;" height:="16px;"
                    style="position:relative;top: 3px;">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="../image/cart.png" style="width:17px;height:17px;" style="position:relative;top: 8px;" alt="购物车">
        </div>
    </div>
    <div class="header">
        <div class="container">
            <div>
                <ul>
                    <li><a href="../pages/Neaste163.html" class="aa">首页&nbsp;</a></li>
                    <li><a href="../pages/indet.html" class="aa">关于&nbsp;</a></li>
                    <li><a href="../pages/faq.html" class="aa">FAQ&nbsp;</a></li>
                    <li><a href="../pages/N1easteAftershop.html" class="aa">售后&nbsp;</a></li>
                    <li><a href="../pages/suggest.html" class="aa">联系&nbsp;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="wrappereg">
        <div class="containereg">
            <div style="width:1250px;height:600px;padding:100px 0 0 0" class="dsix">
                <div
                    style="width: 700px;height:370px; padding:75px 0 80px 50px;background-color: rgba(230, 230, 230,0.6);">
                    <div style="width:400px ;height:300px;">
                        <ul>
                            <li style="width:300px;height:60px;padding:10px;">
                                <a href="">
                                    <div style="width:300px;height:50px;background-color:rgba(237, 167, 167,0.6);line-height: 50px;"
                                        id="resge">通过用户名找回！</div>
                                    <div class="info" id="resg">点击前往找回账号！</div>
                                </a>
                            </li>
                            <li style="width:300px;height:60px;padding:10px;">
                                <a href="">
                                    <div style="width:300px;height:50px;background-color:rgba(237, 167, 167,0.6);line-height: 50px;"
                                        id="forget">通过邮箱找回！</div>
                                    <div class="info" id="info">点击前往找回账号！</div>
                                </a>
                            </li>
                            <li style="width:300px;height:60px;padding:10px;">
                                <a href="">
                                    <div style="width:300px;height:50px;background-color:rgba(237, 167, 167,0.6);line-height: 50px;"
                                        id="atten">通过手机号找回！</div>
                                    <div class="info" id="inf">点击前往找回账号！</div>
                                </a>
                            </li>
                            <hr style="width: 400px;height:3px;background-color: rgba(0 0 0 0.5);">
                            <li style="width:150px;height:60px;padding:10px;">
                                <a href="../pages/Neastelogin.html">
                                    <div style="width:150px;height:50px;background-color:#c1fdfd;line-height: 50px;"
                                        id="resge">取消</div>
                                    <div class="info" id="resg">点击取消操作并返回登录页面！</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="containerr">
            <div style="width:1250px;height:300; display: flex;flex-wrap: wrap;padding: 50px 0 0 0;;">
                <div style="width: 415px;height: 300px;">
                    <div>
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Contact</span>
                    </div>
                    <div>
                        <span style="line-height:60px">地址：江苏省苏州市工业园区中新大道西加成大厦</span>
                    </div>
                    <div>
                        <span style="width: 390px; font-size: 30px;line-height:30px;font-weight:550">+86 123 1234
                            1234</span>
                    </div>
                    <div>
                        <span style="line-height:60px">邮箱：qifeiye@admin.com</span>
                    </div>
                </div>
                <div style="width: 209px;height: 300px;">
                    <div>
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Quick Links</span>
                    </div>
                    <div>
                        <span style="line-height:30px">常见问题</span>
                    </div>
                    <div>
                        <span style="line-height:30px">测评中心</span>
                    </div>
                    <div>
                        <span style="line-height:30px">保修政策</span>
                    </div>
                    <div>
                        <span style="line-height:30px">售后服务</span>
                    </div>
                    <div>
                        <span style="line-height:30px">专属客服</span>
                    </div>
                </div>
                <div style="width: 210px;height: 300px;">

                    <div>
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Products</span>
                    </div>
                    <div>
                        <span style="line-height:30px">充电</span>
                    </div>
                    <div>
                        <span style="line-height:30px">手机</span>
                    </div>
                    <div>
                        <span style="line-height:30px">生活</span>
                    </div>
                    <div>
                        <span style="line-height:30px">配件</span>
                    </div>
                    <div>
                        <span style="line-height:30px">音乐</span>
                    </div>
                </div>
                <div style="width: 413px;height: 240px;display: flex;flex-wrap: wrap;">
                    <div style="width: 413px;height:80px">
                        <span style="font-size: 34px;line-height:80px;font-weight:550">Products</span>
                    </div>
                    <div style="width: 300px;height:150px;">
                        <textarea name="" id="idea" cols="35" rows="10" style="background-color:#f7f8f9;"
                            placeholder="请输入您的建议，我们会积极采纳您的建议并加以修改！"></textarea>
                    </div>
                    <div>
                        <button onclick="sumbitt()" class="butt">提交</button>
                    </div>
                    <!-- <div style="width: 120px;height: 18px;border: 1px red solid;background-color: red;margin: 2px 0 0 px ; display: flex;flex-wrap: wrap;">
                        <img src="../image/attention.jpg" width="18px" height="18px" alt="">
                        <div style="font-size:13px ;">请输入您的建议!</div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <script src="../public/js/mfun.js"></script>
    <!-- <script src="../public/js/kifun.js"></script> -->

    <script>
        var {
            flag,
            msg
        } = getQueryVariable();
        msgFun(flag, msg)

        function mSubmit() {
            let username = document.getElementById('username').value.trim();
            let password = document.getElementById('password').value.trim();
            if (!username) {
                alert("请输入用户名!");
                return false;
            }
            if (!password) {
                alert("请输入密码!");
                return false;
            }
            document.getElementById('form').submit();
        }
    </script>
    <script type="text/javascript">
        window.onload = function () {
            var Iinfo = document.getElementById("info");
            var Iinf = document.getElementById("inf");
            var resg = document.getElementById("resg");
            var forget = document.getElementById("forget");
            var atten = document.getElementById("atten");
            var resge = document.getElementById("resge");
            forget.onmouseover = function () {
                Iinfo.style.display = "block";
            }
            forget.onmouseout = function () {
                Iinfo.style.display = "none";
            }
            atten.onmouseover = function () {
                Iinf.style.display = "block";
            }
            atten.onmouseout = function () {
                Iinf.style.display = "none";
            }
            resge.onmouseover = function () {
                resg.style.display = "block";
            }
            resge.onmouseout = function () {
                resg.style.display = "none";
            }
        }
    </script>
    <!-- <script>
        function sumbitt() {
            var idea = document.getElementById('idea').value.trim()
            if (!idea) {
                msgFun(204, "请输入用户名!");
                return false;
            } else {
                alert('非常感谢您的意见!');
            }
        }
    </script> -->
    <script>
        function sumbitt() {
            var idea = document.getElementById('idea').value.trim();
            if (!idea) {
                alert('请先输入内容再点击提交');
            } else {
                alert('感谢您的宝贵意见，并积极采纳您的意见! ');
            }
        }
    </script>


</body>

</html>